<extend name="Layout/base" />

<block name="main">
    <style>
        .section-about{
            margin-top:0px;margin-bottom:0px;
            padding-top:30px;padding-bottom:50px;
            background: #423d3b url(/Public/yitou2016/images/about/about_bg.jpg) center top no-repeat;
        }
        .section-about .justify-item dt{
            color:white;
        }
    </style>
    <div class="section section-banner">
        <!-------banner--------->
        <div id="j_banner" class="swiper-container swiper-banner ui-placehold-img">
            <div class="swiper-wrapper">
                <?php foreach($adsInfo['banner_list'] as $banner):?>
                <div class="swiper-slide first-child">
                    <div class="ui-placehold-img">
                        <a href="javascript:void(0);" style="background-image: url(<?php echo getcover($banner['pic'],1920,730,false);?>)">
                            
                        </a>
                    </div>
                </div>
                <?php endforeach;?>
            </div>
            <div class="swiper-button swiper-button-prev"></div>
            <div class="swiper-button swiper-button-next"></div>
        </div>
        <!-------banner end------>
        <script>
            + function() {
                var el = $('#j_banner');
                var bannerHeight = document.body.clientHeight - el.offset()['top'];
                var bannerWidth = document.body.clientWidth;
                if (document.body.clientHeight < 800) {
                    el.css('height', bannerHeight);
                    el.find('.ui-placehold-img').css({
                        'padding-top': (bannerHeight / bannerWidth) * 100 + '%',
                        // 'height':'100%'
                    });
                }
            }();
        </script>
        <div class="container">
            <div class="list-object">
                <?php foreach($adsInfo['banner_icon'] as $k=>$icon):?>
                <div class="col-3 list-item p0">
                    <div class="object"><i class="b-icon" style="background:url(<?php echo getcover($icon['pic'],null,null,false);?>) no-repeat"></i></div>
                    <span class="txt">{$icon.title} </span>
                </div>
                <?php endforeach;?>
            </div>
        </div>
    </div>

    <div class="section section-funds">
        <div class="container">
            <div class="box">
                <div class="box-header txt-center">
                    <?php echo o('site')->getContent('PUSH');?>
                    <div class="sub-title">
                        <?php foreach($adsInfo['fund_recommend'] as $recommend):?>
                        <span title='{$recommend.title}'><i class="fd1" style="background:url(<?php echo getcover($recommend['pic'],null,null,false);?>) 0 0 no-repeat"></i>{$recommend.content}</span>
                        <?php endforeach;?>
                    </div>
                </div>
                <!--基金推荐-->
                {:W('Fund/recommend')}
                <div class="box-footer">
                    <a href="{:U('/fund')}" class="link_under">更多基金 >></a>
                </div>
            </div>
        </div>
    </div>

    <div class="section section-partner">
        <div class="container">
            <div class="box">
                <div class="box-header txt-center">合作伙伴</div>
                <div class="box-body">
                    <ul class="row list-object">
                        <think:article name="article" cate_name="partner" order="level desc" result="partner">
                            <li class="col-3 list-item">
                                <a href="{$partner.url}" alt="{$partner.title}" title="{$partner.title}" target='_blank'>
                                    <div class="object">
                                        <?php echo getCover($partner['cover_id'],232,85);?>
                                    </div>
                                </a>
                            </li>
                        </think:article>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="section section-about">
        <div class="container">
            <div class="box">
                <div class="box-body  block-justify">
                    <?php foreach($adsInfo['bottom_page'] as $item):?>
                    <dl class="justify-item">
                        <dt>{$item.title}</dt>
                        <dd><?php echo getCover($item['pic'],200,47);?></dd>
                    </dl>
                    <?php endforeach;?>
                </div>
            </div>

        </div>
    </div>
</block>
